<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>升腾客户管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/X-admin/css/font.css">
    <link rel="stylesheet" href="/X-admin/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/X-admin/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        {:$nav}
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace('{:url('Admin/Member/index')}');" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so" action="{:url('Admin/Member/index')}">

      <div class="layui-input-inline">
        <select name="type" id="type">
        <option value="0">个人/企业</option>
        <option value="1">个人</option>
        <option value="2">企业</option>
        </select>
      </div>
      <div class="layui-input-inline">
        <select name="is_del" id="is_del">
        <option value="1">未删除</option>
        <option value="2">已删除</option>
        </select>
      </div>		  
          <input class="layui-input" placeholder="开始日" name="start_time" value="{notempty name="$filter.start_time"}{$filter.start_time}{/notempty}" id="start">
          <input class="layui-input" placeholder="截止日" name="end_time" value="{notempty name="$filter.end_time"}{$filter.end_time}{/notempty}" id="end">
          <input type="text" name="real_name"  placeholder="请输入真实姓名" autocomplete="off" value="{notempty name="$filter.real_name"}{$filter.real_name}{/notempty}" class="layui-input">
		  <input type="text" name="mobile"  placeholder="请输入手机号" value="{notempty name="$filter.mobile"}{$filter.mobile}{/notempty}" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
		{if condition="!empty($filter['is_del']) AND $filter['is_del'] eq '2'"}<button class="layui-btn layui-btn-danger" onclick="delAll_recover()"><i class="layui-icon"></i>批量恢复</button>
		{else /} <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
		{/if}	
        
        <!--<button class="layui-btn" onclick="x_admin_show('添加会员','{:url('Admin/Member/add')}')"><i class="layui-icon"></i>添加</button>-->
        <span class="x-right" style="line-height:40px">共有数据：{:$member->total()} 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>姓名/企业名称</th>
            <th>手机</th>
            <th>推荐人手机</th>
            <th>加入时间</th>
			<td>当前状态</td>
            <!--<th>类型</th>-->
            <th>操作</th>
        </thead>
        <tbody>{foreach name="member" item="vo"}		
          <tr>
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$vo.id}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{$vo.id}</td>
            <td>{$vo.real_name}</td>
            <td>{$vo.mobile}</td>
            <td>{$vo.referee_mobile}</td>            
			<td>{$vo.create_time}</td>
			{if condition="!empty($filter['is_del']) AND $filter['is_del'] eq '2'"}<td>已删除</td>
			{else /} <td>{$vo.user_status==1? '正常' : '禁用'}</td>
			{/if}			
            <!--<td class="td-status">
              <span class="layui-btn layui-btn-normal layui-btn-mini {$vo.type? '' : 'layui-btn-disabled'}">{$vo.type==1? '个人' : '企业'}</span></td>-->
            <td class="td-manage">
              <a title="审核"  onclick="x_admin_show('审核','{:url('Admin/Member/edit',array('id'=>$vo.id))}')" href="javascript:;">
                <i class="layui-icon">&#x1005;</i>
              </a>         
			  
            </td>
          </tr>{/foreach}
        </tbody>
      </table>
      <div class="page">
        <div>
		{$member->render()}
        </div>
      </div>

    </div>
    <script>
	//设置下拉框默认值
	var is_del= {present name="$filter.is_del"}{$filter.is_del}{else /}1{/present};
	$("#is_del").val(is_del);
	var type= {present name="$filter.type"}{$filter.type}{else /}0{/present};
	$("#type").val(type);
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认改变状态吗？',function(index){ 
              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
			  jQuery.ajax({  
				url: "{:url('Admin/Member/changeState')}",  
				type: "post",  
				dataType: "json",  
				async: true,  
				data: {
				id   : id,
				state: 0
				},  
				success: function(data){  
					if(data.code){					
					    $(obj).attr('title','停用')
						$(obj).find('i').html('&#xe62f;');

						$(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
						layer.msg('已停用!',{icon: 5,time:1000});					
					
					}else{
						layer.msg('管理员状态改变失败!!',{icon: 5,time:1000});
					}
					
				},
				error: function (XMLHttpRequest, textStatus, errorThrown) {	
						layer.msg('执行时发生一个未知错误！错误代码：'+textStatus,{icon: 5,time:3000});
				}			
			});				


              }else{
			  
			  
			  
                //发异步把用户状态进行更改
			  jQuery.ajax({  
				url: "{:url('Admin/Member/changeState')}",  
				type: "post",  
				dataType: "json",  
				async: true,  
				data: {
				id   : id,
				state: 1
				},  
				success: function(data){  
					if(data.code){	
					
						$(obj).attr('title','启用')
						$(obj).find('i').html('&#xe601;');

						$(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
						layer.msg('已启用!',{icon: 5,time:1000});					
					
					}else{
						//$(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
						layer.msg('管理员状态改变失败!!',{icon: 5,time:1000});
					}
					
				},
				error: function (XMLHttpRequest, textStatus, errorThrown) {	
						layer.msg('执行时发生一个未知错误！错误代码：'+textStatus,{icon: 5,time:3000});
				}				
			});				  
			  
			  
			  
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
			  jQuery.ajax({  
				url: "{:url('Admin/Member/del')}",  
				type: "post",  
				dataType: "json",  
				async: true,  
				data: {
				id: id
				},  
				success: function(data){ 		
					if(data.code){
						$(obj).parents("tr").remove();
						layer.msg(data.msg,{icon:1,time:1000});
					}else{
						layer.msg(data.msg,{icon:1,time:1000})
					}
					
				} ,
				error: function (XMLHttpRequest, textStatus, errorThrown) {	
						layer.msg('执行时发生一个未知错误！错误代码：'+textStatus,{icon: 5,time:3000});
				}				
			}); 
              //
          });
      }

      /*用户-撤消删除*/
      function member_recover(obj,id){
          layer.confirm('确认要恢复删除吗？',function(index){
              //发异步删除数据
			  jQuery.ajax({  
				url: "{:url('Admin/Member/del')}",  
				type: "post",  
				dataType: "json",  
				async: true,  
				data: {
				id     : id,
				recover: true
				},  
				success: function(data){ 		
					if(data.code){
						$(obj).parents("tr").remove();
						layer.msg(data.msg,{icon:1,time:1000});
					}else{
						layer.msg(data.msg,{icon:1,time:1000})
					}
					
				} ,
				error: function (XMLHttpRequest, textStatus, errorThrown) {	
						layer.msg('执行时发生一个未知错误！错误代码：'+textStatus,{icon: 5,time:3000});
				}				
			}); 
              //
          });
      }
      function delAll_recover (argument) {
        layer.msg('暂时不支持多项恢复！',{icon: 5,time:3000});
      }
      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){

			  jQuery.ajax({  
				url: "{:url('Admin/Member/delAll')}",  
				type: "post",  
				dataType: "json",  
				async: true, 			
				data: {
				ids:data
				},  
				success: function(data){  
					if(data.code){
						layer.msg(data.msg, {icon: 1});
						$(".layui-form-checked").not('.header').parents('tr').remove();
					}else{
						layer.msg(data.msg, {icon: 1});
						$(".layui-form-checked").not('.header').parents('tr').remove();
					}
					
				} ,
				error: function (XMLHttpRequest, textStatus, errorThrown) {	
						layer.msg('执行时发生一个未知错误！错误代码：'+textStatus,{icon: 5,time:3000});
				}				
			});		
		
            
        });
      }
    </script>
  </body>

</html>